<!--
 * @Author: your name
 * @Date: 2021-08-09 21:07
<<<<<<< HEAD
 * @LastEditTime: 2021-08-17 13:12:50
=======
 * @LastEditTime: 2021-08-16 15:57:36
>>>>>>> a77a0f893414d95f1d903b8a773ab7c527ba4bf6
 * @LastEditTime: 2021-08-09 21:14:20

 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \2-Html&CSSc:\Users\User\Desktop\简书项目开发\jianshu\IT.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/IT.css">
    <link rel="stylesheet" href="./css/commom.css">
    <title>简书-IT技术</title>

    <style>
        #IT {
            width: 1350px;
            height: 3000px;
            margin-right: 0px;
            margin-left: 150px;
            padding-left: 15px;
            padding-right: 15px;
            background-color: white;
        }

        .left div {
            width: 310px;
            height: 40px;

            text-align: left;
            padding-top: 10px;
            border-radius: 4px;

        }

        .left div:nth-child(1) {
            background-color: rgb(240, 240, 240);
            color: #ea6f5a;
        }

        .left {
            width: 310px;
            height: 400px;
            background-color: white;
            margin-top: 30px;
            float: left;
            margin-left: 150px;
            position: fixed;
        }

        .left>div:hover {
            background-color: rgb(240, 240, 240);

        }

        .right {
            width: 703px;
            height: 127px;
            <<<<<<< HEAD background-color: cornsilk;
            float: right;
            =======
            /* background-color:cornsilk; */
            float: right;
            >>>>>>>a77a0f893414d95f1d903b8a773ab7c527ba4bf6 margin-top: 58px;
            margin-right: 100px;


        }

        .right2 {
            width: 703px;
            height: 127px;
            <<<<<<< HEAD background-color: cornsilk;
            float: right;
            =======
            /* background-color:cornsilk; */
            float: right;
            >>>>>>>a77a0f893414d95f1d903b8a773ab7c527ba4bf6 margin-top: 50px;
            margin-right: 100px;


        }

        .special {
            margin-right: 0px;
        }

        .title1 {
            display: inherit;
            font-size: 18px;
            font-weight: 700;
            line-height: 1.5;
            color: #333;
        }

        /* .title1{
            text-decoration: none;
        } */
        /* a{
            text-decoration: none;
        } */
        .text {
            font-size: 13px;
            line-height: 24px;
            color: #999;
            width: auto;
            margin: 0px;

            height: 48px;
        }

        .three {
            margin-top: 50px;
        }
    </style>
</head>

<body>
    <!-- 头部 -->
    <nav class="nav">
        <div class="nav-div">
            <a href="#" class="logo"><img src="images/bg/main4.png" alt=""></a>
            <a href="#" class="text btn"><img src="images/icon/yumanbi.png" height="19px" width="19px" alt="">
                <i>写文章</i> </a>
            <div class="nav-page">
                <div id="head">
                    <img id="head" src="images/bg/QQ头像.jpg" width="40px"
                        style="border-radius: 20px; margin-top: 8px;  margin-left: 10px;" alt="">
                    <ul class="page-2" id="page-2">
                        <li><a href="#"><img src="images/icon/renyan.png" alt="">我的主页</a></li>
                        <li><a href="#"><img src="images/icon/shoucang.png" alt="">收藏的文章</a></li>
                        <li><a href="#"><img src="images/icon/xiaoxi.png" alt="">喜欢的文章</a></li>
                        <li><a href="#"><img src="images/icon/yigou.png" alt="">已购内容</a></li>
                        <li><a href="#"><img src="images/icon/qianbao.png" alt="">我的钱包</a></li>
                        <li><a href="#"><img src="images/icon/shezhi (3).png" alt="">设置</a></li>
                        <li><a href="#"><img src="images/icon/bangzhu.png" alt="">帮助与反馈</a></li>
                        <li><a href="#"><img src="images/icon/tuichu (2).png" alt="">退出</a></li>
                    </ul>
                </div>
            </div>
            <div class="nav-font">
                Aa
            </div>
            <div class="nav-search">
                <ul class="nav-ul clearfix">
                    <ul class="nav-ul clearfix">
                        <li class="hover"><a href="main.html"> <img src="images/icon/zhinanzhen2.png" alt=""> 发现</a>
                        </li>
                        <li class="hover"><a href="IT.html"> <img src="images/icon/renyan.png" alt=""> IT技术</a> </li>
                        <li class="hover"><a href="guanzhu.html"><img src="images/icon/shu.png" alt=""> 关注</a> </li>
                        <li class="hover hover-0">
                            <a href="massage.html"><img src="images/icon/zhong.png" alt=""> 消息</a>
                            <!-- <div class="hover-0"> -->
                            <ul class="hover-1">
                                <li><a href="#"><img src="images/icon/pinlun.png" alt=""> 评论</a></li>
                                <li><a href="#"><img src="images/icon/xin.png" alt="">简信</a></li>
                                <li><a href="#"><img src="images/icon/shangchuan.png" alt="">投稿请求</a></li>
                                <li><a href="#"><img src="images/icon/xihuan (2).png" alt="">喜欢和赞</a></li>
                                <li><a href="#"><img src="images/icon/guanzhu.png" alt="">关注</a></li>
                                <li><a href="#"><img src="images/icon/zhifu.png" alt="">赞赏和付费</a></li>
                                <li><a href="#"><img src="images/icon/shenglue.png" alt="">其他提醒</a></li>
                            </ul>
                            <!-- </div> -->
                        </li>
                        <li id="li"><input type="text" placeholder="搜索" style="border:none;"></li>
                    </ul>
            </div>
        </div>
    </nav>
    <!-- IT技术 -->
    <div id="IT">
        <!-- <div id="picture"><img src="../images/bg/head.png" alt="图片丢失啦"></div> -->

        <div class="left">
            <div>后端</div>
            <div class="fontend">前端</div>
            <div>Andriod</div>
            <div>IOS</div>
            <div>人工智能</div>
            <div>数据库</div>
            <div>程序开发</div>

        </div>

        <div class="right 1">
            <a class="title1" href="/p43d59dbe26fb">
                Netty做什么？第一个Netty服务如何写？Netty的IO和Reactor模型？Netty组件是什
                么？ByteBuff是什么？(Netty—)
            </a>
            <div class="text">
                一 概述 1.1 初步了解Netty Netty是什么？为什么使用netty? Netty相对于NIO有
                什么优势？ 1.2 Netty的构架是什么？ 核心（Core） 传输服务（Transport...）
            </div>
            <div class="three">段落1</div>
        </div>
        <div class="right2">
            <a class="title1" href="/p/9061da5e25d1">
                RSA+AES实现接口验签和参数加密
            </a>
            <div class="text">
                RSA非对称加密 RSA是一种常用的非对称加密算法，加密和加密使用不同的密钥，常用于
                要求安全性较高的加密场景，比如接口的验签和接口数据的加密与解密。与非对称加密算法
                对比，其安全性较高，但是加密性能却...
            </div>
            <div class="three">段落2</div>
        </div>
        <div class="right2">
            <a class="title1" href="/p/464737435fab">
                业务-应用-数据-技术架构的正向设计方法
            </a>
            <div class="text">
                企业架构方法一直强调对组织的业务、应用、数据和技术架构进行全面、正向的设计，从而
                实现组织战略和业务对准，以及业务和IT的对准，但是很多项目都很难真正做到这一点。其
                原因有三：对架构的理论掌握不到位。
            </div>
            <div class="three">段落3</div>
        </div>
        <div class="right2">
            <div class="title1">
                Go: Map设计(1)
            </div>
            <div class="text">
                【译文】原地址[https://medium.com/a-journey-with-go/go-map-design-by-example-part-i-3f78a064a352]
                本文是三篇系列文
            </div>
            <div class="three">段落4</div>
        </div>
        <div class="right2">
            <div class="title1">
                iOS线程锁
            </div>
            <div class="text">
                一：十种线程锁 我们在使用多线程的时候多个线程可能会访问同一块资源，
                这样就很容易引发数据错乱和数据安全等问题，这时候就需要我们保证每次只有一个线程访问这一块资源，锁 应运而生。
                这里顺便提一下,上锁...

            </div>
            <div class="three">段落5</div>
            <div class="right2 special">
                <a class="title1" href="">
                    线程池的几个灵魂拷问（二）
                </a>
                <div class="text">
                    线程池虽然在并发编程里很强大，但线程池使用面临的核心的问题在于：线程池的参数并不好配置。
                    一方面线程池的运行机制不是很好理解，配置合理需要强依赖开发人员的个人经验和知识；
                    另一方面，线程池执行的情况和任...
                </div>
                <div class="three">段落6</div>

            </div>
            <div class="right2 special">
                <a class="title1" href="">
                    Papercups 使用指南：如何快速自建客服平台
                </a>
                <div class="text">
                    文章首发于个人公号：「阿拉平平」 Papercups[1] 是一款开源的实时聊天 Web 应用，用 Elixir 开发。
                    你可以将其理解为一个客服平台，配合聊天组件，可以快速地为网站添加客服功能。本文...
                </div>
                <div class="three">段落7</div>

            </div>
            <div class="right2 special">
                <a class="title1" href="">
                    SpringCloud 微服务实现数据权限控制
                </a>
                <div class="text">
                    前章讲了如何进行用户权限验证《SpringCloud下的用户鉴权方案
                    [https://my.oschina.net/barryhome/blog/4532649]》
                    ，它是微服务下统一资源访问权限的控...
                </div>
                <div class="three">段落8</div>

            </div>
            <div class="right2 special">
                <a class="title1" href="">
                    CODING CD +Nginx Ingress 实现蓝绿发布
                </a>
                <div class="text">
                    本文作者：杨浩佳 - CODING 后端开发工程师全文约 4000+ 字，预计阅读时间 20 分钟 前言 本文将介绍
                    如何通过 CODING CD 使用 Nginx Ingress 来实现蓝绿发布。 ...
                </div>
                <div class="three">段落9</div>

            </div>
            <div class="right2  special">
                <a class="title1" href="">
                    SpringBoot项目traceld生成/日志打印
                </a>
                <div class="text">
                    参考文章 : W3C_0101博文链接[https://blog.csdn.net/weixin_38117908/article/details/107285978]
                    前言 查看服务日志时，当服务...
                </div>
                <div class="three">段落10</div>

            </div>

        </div>

    </div>
</body>

</html>